<script setup>
const props = defineProps({
  msg: {
    type: String,
    required: true
  }
})

// 在模板中直接使用, 在setup函数中需要props. 使用
console.log(props.msg)
</script>

<template>
  <div style="border:10px solid #333">
    <h1>我是子组件</h1>
    <span> {{ msg }} </span>
  </div>
</template>